<template>
    <div class="panel-heading">
        <div class="panel-lead">
            <div class="title">{{ title }}</div>
            <div class="description">{{ description }}</div>
        </div>
    </div>
</template>

<script setup>
    import { defineProps } from 'vue';

    // 定义 props
    const props = defineProps({
        title: {
            type: String,
            required: true
        },
        description: {
            type: String,
            required: true
        }
    });
</script>

<style lang="less" scoped>
    .panel-heading {
        padding: 15px;
        background: #e8edf0;
        border-color: #e8edf0;
        position: relative;
        .panel-lead {
            font-size: 14px;
            .title {
                font-weight: bold;
                font-style: normal;
            }
            .description {
                margin-top: 5px;
            }
        }
    }
</style>